<template>
	<view>
		<view class="search-wrap">
			<view class="search-wrap-input" @click="search">
				<image src="../../../static/sousuo.png" mode=""></image>
				<text>输入关键词搜索</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			search(){
				wx.navigateTo({
					url:'../searchs/searchs'
				})
			}
		}
	}
</script>

<style lang="scss">
	.search-wrap{
		width: 100%;
		height: 117upx;
		background-image: linear-gradient(to top,#ffffff 5%,#1995e7 100%);
		display: flex;
		justify-content: center;
		align-items: center;
		.search-wrap-input{
			display: flex;
			justify-content: start;
			align-items: center;
			width: 90%;
			height: 60%;
			background-color: #f9f9f9;
			border-radius: 40upx;
			padding: 0 20upx;
			image{
				width: 40upx;
				height: 40upx;
			}
			text{
				font-size: 32upx;
				color: #868686;
				margin-left: 15upx;
			}
		}
	}
</style>
